{include file="common:head" /}

<body>
<div class="index-content">
    <!-- 头部 -->
    {include file="common:header" /}

    <!-- 当季热销车 -->
    <div class="hot-carbuy discount-msg-detail width1300">
        <div class="car-style clearfix">
            <div class="car-style-left">
                <!-- 二级菜单 -->
                <ul class="second-classify">
                    <li class="clearfix"  ><a target="_blank" href="/about?id=7&about='公司动态'"><img src="__STATIC__/index/img/type1.png" />公司动态<span class="iconfont icon-xiangyou"></span></a></li>
                    <li class="clearfix" ><a target="_blank" href="index/article/index"><img src="__STATIC__/index/img/type2.png" />优惠资讯<span class="iconfont icon-xiangyou"></span></a></li>
                    <li class="clearfix" ><a target="_blank" href="/about?id=18&about='常见问题'">
                        <img src="__STATIC__/index/img/type3.png" />常见问题<span class="iconfont icon-xiangyou"></span>
                        </a>
                    </li>

                    <li class="clearfix" ><a target="_blank" href="index/video/index"><img src="__STATIC__/index/img/type4.png" />视频中心<span class="iconfont icon-xiangyou"></span></a></li>
                </ul>
                <!-- 推荐车型 -->
                <div class="recommand">
                    <h3>推荐车型</h3>
                    <div class="recom-all" >
                        {volist name="list" id = "item"}
                        <div class="recom-list" onclick="openwin('{:url(\'index/lists/detail\')}' + '?id=' + {$item.id})">
                            <div class="img-box">
                                <img src="{$item.z_img}" />
                            </div>
                            <p class="oneline">{$item.title}</p>
                        </div>
                        {/volist}
                    </div>
                </div>
                <!-- 优惠资讯 -->
                <div class="discount-msg">
                    <div class="h3title">
                        优惠资讯
                    </div>
                    <div class="discount-msg-all">
                        {volist name="consult" id = "item"}
                        <div class="discount-msg-list clearfix" onclick="openwin('{:url(\'index/article/detail\')}' + '?id=' + {$item.id})">
                            <div class="img-box">
                                <img src="{$item.image}" />
                                <span class="one">{$i}</span>
                            </div>
                            <div class="discount-msg-right">
                                <h4>{$item.title}</h4>
                                <!-- <p>2020=09-27</p> -->
                            </div>
                        </div>
                        {/volist}

                    </div>
                </div>
                <!-- 联系我们 -->
                <div class="concat-us">
                    <div class="h3title">
                        联系我们
                    </div>

                    <!--百度地图容器-->
                    <div class="map" id="dituContent">

                    </div>

                    <div class="tel">
                        <h3>客服服务电话</h3>
                        <p>400-079-6969</p>
                    </div>
                </div>
            </div>
            <div class="discount-right">
                <!-- 导航 -->
                <ul class="nav clearfix">
                    <li><a href="/" target="_blank">首页</a></li><li class="hang">|</li><li><a href="/article" target="_blank">资讯</a></li><li class="hang">|</li><li>{$info.source}</li>
                </ul>
                <!-- 文本内容 -->
                <div class="discount-content">
                    <h2>{$info.title}</h2>
                    <div class="msg">
                        <ul class="clearfix">
                            <li>来源：{$info.source}</li>
                            <li class="hang">|</li>
                            <li>时间：{$info.create_time|date="Y-m-d"}</li>
                            <li class="hang">|</li>
                            <li>{$info.view}次浏览</li>
                        </ul>
                    </div>

                    <div class="content">{$info.content | raw}</div>
                </div>
            </div>
        </div>
    </div>

    {include file="common:footer" /}

</div>
<script type="text/javascript" src="__STATIC__/index/js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="__STATIC__/index/js/swiper.min.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
<script type="text/javascript" src="__STATIC__/index/js/map.js"></script>
<script type="text/javascript" src="__STATIC__/index/js/common.js"></script>
<script type="text/javascript" src="__STATIC__/index/js/header_move.js"></script>

<script type="text/javascript">
    // var swiper = new Swiper('.swiper-container', {
    // 	autoplay:true,
    // 	navigation: {
    // 		nextEl: '.swiper-button-next',
    // 		prevEl: '.swiper-button-prev',
    // 	},
    // });
    // var swiper2 = new Swiper('.evaluation-container', {
    // 	slidesPerView: 4,
    // 	spaceBetween: 7
    // });
    $(".second-classify li").mouseleave(function () {
        console.log('移出');
        $(this).removeClass('active');
    })
    $(".second-classify li").mouseenter(function () {
        console.log('移入');
        $(this).addClass("active").siblings().removeClass('active');
    })


</script>

<!--创建地图-->
<script type="text/javascript">
    make_map()
</script>
</body>
</html>
